<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES6 模块化</title>
</head>
<body>
    <script type="module">
        /*
        什么是模块化?
        模块化事指将一个大的程序文件，拆分成许多小的文件,然后将小文件组合起来。

        模块化的好处
        模块化的优势有以下几点:
        1.防止命名冲突
        2.代码复用
        3.高维护性

        ES6之前的模块化规范有:
        1.CommonJS  => NodeJs, Browserify
        2.AMD       => requireJS
        3.CMD       => seaJS

        1.25.3       ES6模块化语法
         模块功能主要由两个命令构成: export和import
         export命令用于规定模块的对外接口
         import命令用于输入其他模块提供的功能
        */

        //1.通用的引入方式
        //引入m1.js模块内容
        import * as m1 from "m1.js";
        console.log(m1);

        //引入m2.js模块内容
        import * as m2 from "m2.js";
        console.log(m2);

        //引入m3.js
        import * as m3 from "m3.js";
        console.log(m3.default.change);
    </script>
</body>
</html>